<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>提交订单 - SXT商城</title>
		<%@ include file="/common/include/title.jsp"%>
		<link type="text/css" href="${rootPath }/css/info.css" rel="stylesheet" />
		<script type="text/javascript">
			var timeout = 500;
			var closetimer = 0;
			var ddmenuitem = 0;
		
			$(document).ready(function() {
				$('.cat_item').mousemove(function() {
					$(this).addClass('cat_item_on');
				});
				$('.cat_item').mouseleave(function() {
					$(this).removeClass('cat_item_on');
				});
				$('#slideshow').imgSlideShow({
					itemclass : 'i'
				})
				$("#slide-qg").switchTab({
					titCell : "dt a",
					trigger : "mouseover",
					delayTime : 0
				});
				$("#s_cart_nums1").hover(function() {
					mcancelclosetime();
					if (ddmenuitem)
						ddmenuitem.hide();
					ddmenuitem = $(document).find("#s_cartbox");
					ddmenuitem.fadeIn();
				}, function() {
					mclosetime();
				});
				$("#s_cart_nums2").hover(function() {
					mcancelclosetime();
					if (ddmenuitem)
						ddmenuitem.hide();
					ddmenuitem = $(document).find("#s_cartbox");
					ddmenuitem.fadeIn();
				}, function() {
					mclosetime();
				});
				$("#s_cartbox").hover(function() {
					mcancelclosetime();
				}, function() {
					mclosetime();
				});
				var $cur = 1;
				var $i = 4;
				var $len = $('.hot_list>ul>li').length;
				var $pages = Math.ceil($len / $i);
				var $w = $('.hotp').width() - 66;
		
				var $showbox = $('.hot_list');
		
				var $pre = $('div.left_icon');
				var $next = $('div.rgt_icon');
		
				$pre.click(function() {
					if (!$showbox.is(':animated')) {
						if ($cur == 1) {
							$showbox.animate({
								left : '-=' + $w * ($pages - 1)
							}, 500);
							$cur = $pages;
						} else {
							$showbox.animate({
								left : '+=' + $w
							}, 500);
							$cur--;
						}
		
					}
				});
		
				$next.click(function() {
					if (!$showbox.is(':animated')) {
						if ($cur == $pages) {
							$showbox.animate({
								left : 0
							}, 500);
							$cur = 1;
						} else {
							$showbox.animate({
								left : '-=' + $w
							}, 500);
							$cur++;
						}
		
					}
				});
		
			});
			function mclose() {
				if (ddmenuitem)
					ddmenuitem.hide();
			}
			function mclosetime() {
				closetimer = window.setTimeout(mclose, timeout);
			}
			function mcancelclosetime() {
				if (closetimer) {
					window.clearTimeout(closetimer);
					closetimer = null;
				}
			}
		</script>
	</head>
	<body>
		<div id="doc">
			<%@ include file="/common/include/header.jsp"%>
			<div id="s_bdw">
				<form action="${rootPath }/head/orders/ordersInsertSubmit.htm" method="post">
				<div id="s_bd">
	
					<div class="stepflow">
						<img src="${rootPath}/images/cartinforstep.gif" width="980" height="32" alt="" />
					</div>
					
					<div class="infotable">
						<table width="100%">
							<tr>
								<td class="tit">收货地址</td>
								<td class="summary">
									<table class="address" width="100%">
										<%-- 循环收货地址 --%>
										<c:forEach items="${requestScope.usersAddressList }" var="usersAddress" varStatus="stat">
											<tr>
												<td width="80px">
													<input id="userAddRadio_${usersAddress.id }" type="radio" name="addressId" value="${usersAddress.id}" ${usersAddress.isDef == '1' ? 'checked' : '' }/>
												</td>
												<td>
													<label for="userAddRadio_${usersAddress.id }">
														<%-- 地址的相关信息 --%>
														${usersAddress.name }--${usersAddress.contact }--${usersAddress.phone }--
														${usersAddress.address }--${usersAddress.zipCode }
													</label>
												</td>
											</tr>
										</c:forEach>
									</table>
								</td>
							</tr>
						</table>
					</div>
					<!--infotable end-->
	
					<script type="text/javascript">
						$(function() {
							$(".focutext00").focusText();
							$(".focutext01").focusText();
							$(".focutext02").focusText();
							$(".focutext03").focusText();
						});
					</script>
	
					<div class="infotable">
						<table width="100%">
							<tr>
								<td class="tit">配送方式</td>
								<td class="summary">
									<table class="address" width="100%">
										<tr bgcolor="fff7eb">
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px">
												<input type="radio" name="dispatch" id="dispatch0" value="0" />
											</td>
											<td valign="top" width="120px"><label for="dispatch0">自营</label></td>
											<!-- <td valign="top" width="80px" class="red">免费</td>
											<td valign="top">支持<span class="red">货到付款及POS机刷卡，上海市区一日三送</span>，同时也支持江苏省(南京、苏州、无锡、南通)、浙江省(杭州、嘉兴、宁波)及安徽省(合肥)的部分地区(查看配送区域及说明
												)<br />送货时间：<select class="selectbox" name="" id=""><option
														value="">2011-11-06 星期日</option></select> <select class="selectbox"
												name="" id=""><option value="">下午
														14:00-18:00</option></select></td> -->
										</tr>
										<tr bgcolor="fff7eb">
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px">
												<input type="radio" name="dispatch" id="dispatch1" value="1" />
											</td>
											<td valign="top" width="120px"><label for="dispatch1">ems</label></td>
										</tr>
										<tr bgcolor="fff7eb">
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px">
												<input type="radio" name="dispatch" id="dispatch2" value="2" />
											</td>
											<td valign="top" width="120px"><label for="dispatch2">申通</label></td>
										    <!--<td valign="top" width="80px" class="red">免费</td>
											<td valign="top">支持<span class="red">货到付款及POS机刷卡，上海市区一日三送</span>，同时也支持江苏省(南京、苏州、无锡、南通)、浙江省(杭州、嘉兴、宁波)及安徽省(合肥)的部分地区(查看配送区域及说明
												)<br />送货时间：<select class="selectbox" name="" id=""><option
														value="">2011-11-06 星期日</option></select> <select class="selectbox"
												name="" id=""><option value="">下午
														14:00-18:00</option></select></td> -->
										</tr>
										<tr>
											<td height="20px"></td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td colspan="4"><input type="checkbox" name="" value=""
												id="" /> 收货时若网快递无法联系上我，我同意由朋友、同事或家人代收</td>
										</tr>
										<tr>
											<td height="20px"></td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td colspan="4"><input type="button" value="确认配送方式" id=""
												name="" class="btntext" /></td>
										</tr>
										<tr>
											<td height="40px"></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</div>
					<!--infotable end-->
	
					<div class="infotable">
						<table width="100%">
							<tr>
								<td class="tit">支付方式</td>
								<td class="summary">
									<table class="address" width="100%">
										<tr>
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px">
												<input type="radio" name="payId" id="payId0" value="0" />
											</td>
											<td valign="top" width="110px">
												<label for="payId0">支付宝</label>
											</td>
											<td valign="top">
												货到付款,<span class="red">易讯快递可刷卡</span>，免手续费；
												<span class="red">第三方易讯快递只能使用现金；可使用支票</span>
												<br />
												(1.支票抬头：上海易讯电子商务发展有限公司；
												2.支票限额：每个订单支票支付限额为4万；
												3.暂不接受非上海公司的支票)
											</td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px">
												<input type="radio" name="payId" id="payId1" value="1" />
											</td>
											<td valign="top" width="110px">
												<label for="payId1">财付通</label>
											</td>
											<td valign="top">
												货到付款,<span class="red">易讯快递可刷卡</span>，免手续费；
												<span class="red">第三方易讯快递只能使用现金；可使用支票</span>
												<br />
												(1.支票抬头：上海易讯电子商务发展有限公司；
												2.支票限额：每个订单支票支付限额为4万；
												3.暂不接受非上海公司的支票)
											</td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px">
												<input type="radio" name="payId" id="payId2" value="2" />
											</td>
											<td valign="top" width="110px">
												<label for="payId2">微信</label>
											</td>
											<td valign="top">
												货到付款,<span class="red">易讯快递可刷卡</span>，免手续费；
												<span class="red">第三方易讯快递只能使用现金；可使用支票</span>
												<br />
												(1.支票抬头：上海易讯电子商务发展有限公司；
												2.支票限额：每个订单支票支付限额为4万；
												3.暂不接受非上海公司的支票)
											</td>
										</tr>
										<%-- <tr>
											<td height="10px"></td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px"><input type="radio"
												name="zf" id="yhf" value="" /></td>
											<td valign="top"><label for="yhf">银行电汇</label></td>
											<td valign="top">通过银行转账或现金直接存入易讯网指定帐号（查看汇款单填写范本），<span
												class="red">[汇款用途]-栏需注明订单号</span></td>
										</tr>
										<tr>
											<td height="10px"></td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td valign="top" width="40px"><input type="radio"
												name="zf" id="opay" value="" /></td>
											<td valign="top"><label for="opay">在线支付</label></td>
											<td valign="top">通过网上银行或支付平台在线付款
												<table>
													<tr>
														<td><input type="radio" name="bank" id="bank01"
															value="" class="bankicon" /><label for="bank01"><img
																src="${rootPath}/images/bank/bank01.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank02"
															value="" class="bankicon" /><label for="bank02"><img
																src="${rootPath}/images/bank/bank02.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank03"
															value="" class="bankicon" /><label for="bank03"><img
																src="${rootPath}/images/bank/bank03.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank04"
															value="" class="bankicon" /><label for="bank04"><img
																src="${rootPath}/images/bank/bank04.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank05"
															value="" class="bankicon" /><label for="bank05"><img
																src="${rootPath}/images/bank/bank05.gif" width="96" height="32"
																alt="" /></label></td>
													</tr>
													<tr>
														<td><input type="radio" name="bank" id="bank06"
															value="" class="bankicon" /><label for="bank06"><img
																src="${rootPath}/images/bank/bank06.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank07"
															value="" class="bankicon" /><label for="bank07"><img
																src="${rootPath}/images/bank/bank07.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank08"
															value="" class="bankicon" /><label for="bank08"><img
																src="${rootPath}/images/bank/bank08.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank09"
															value="" class="bankicon" /><label for="bank09"><img
																src="${rootPath}/images/bank/bank09.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank10"
															value="" class="bankicon" /><label for="bank10"><img
																src="${rootPath}/images/bank/bank10.gif" width="96" height="32"
																alt="" /></label></td>
													</tr>
													<tr>
														<td><input type="radio" name="bank" id="bank11"
															value="" class="bankicon" /><label for="bank11"><img
																src="${rootPath}/images/bank/bank11.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank12"
															value="" class="bankicon" /><label for="bank12"><img
																src="${rootPath}/images/bank/bank12.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank13"
															value="" class="bankicon" /><label for="bank13"><img
																src="${rootPath}/images/bank/bank13.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank14"
															value="" class="bankicon" /><label for="bank14"><img
																src="${rootPath}/images/bank/bank14.gif" width="96" height="32"
																alt="" /></label></td>
													</tr>
													<tr>
														<td><input type="radio" name="bank" id="bank15"
															value="" class="bankicon" /><label for="bank15"><img
																src="${rootPath}/images/bank/bank15.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank16"
															value="" class="bankicon" /><label for="bank16"><img
																src="${rootPath}/images/bank/bank16.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank17"
															value="" class="bankicon" /><label for="bank17"><img
																src="${rootPath}/images/bank/bank17.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank18"
															value="" class="bankicon" /><label for="bank18"><img
																src="${rootPath}/images/bank/bank18.gif" width="96" height="32"
																alt="" /></label></td>
														<td><input type="radio" name="bank" id="bank19"
															value="" class="bankicon" /><label for="bank19"><img
																src="${rootPath}/images/bank/bank19.gif" width="96" height="32"
																alt="" /></label></td>
													</tr>
													<tr>
														<td><input type="radio" name="bank" id="bank20"
															value="" class="bankicon" /><label for="bank20"><img
																src="${rootPath}/images/bank/bank20.gif" width="96" height="32"
																alt="" /></label></td>
													</tr>
												</table>
											</td>
										</tr> --%>
										<tr>
											<td height="20px"></td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td colspan="4"><input type="button" value="确认支付方式" id=""
												name="" class="btntext" /></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</div>
					<!--infotable end-->
	
					<div class="infotable">
						<table width="100%">
							<tr>
								<td class="tit">发票信息</td>
								<td class="summary">
									<table class="address" width="100%">
										<tr>
											<td width="10px"></td>
											<td width="50px"><input type="radio" name="1" id="fpgr"
												value="" /></td>
											<td><label for="fpgr">商业零售发票(个人)</label><span
												style="color: #ababab;">(发票抬头：徐威)</span></td>
											<td width="100px"></td>
											<td><a href="#">修改</a> | <a href="#">删除</a></td>
											<td width="200px"></td>
										</tr>
										<tr>
											<td height="10px"></td>
										</tr>
										<tr bgcolor="#fff7eb">
											<td width="10px"></td>
											<td width="50px"><input type="radio" name="1" id=""
												value="" /></td>
											<td colspan="4">
												<p>
													发票类型：<input type="radio" name="fp2" id="" value="" />
													商业零售发票 <input type="radio" name="fp2" id="" value="" />
													增值税专用发票
												</p>
												<p>
													发票抬头：<input type="radio" name="tt0" id="" value="" /> 个人 <input
														type="radio" name="tt0" id="" value="" /> 单位
												</p>
												<p>
													个人姓名：<input type="text" name="" value="" id=""
														style="width: 340px;" class="stext" />
												</p>
											</td>
										</tr>
										<tr>
											<td height="10px"></td>
										</tr>
										<tr>
											<td height="10px"></td>
											<td colspan="5">发票内容： <input type="radio" name="mx" id=""
												value="" /> 商品明细
											</td>
										</tr>
										<tr>
											<td height="20px"></td>
										</tr>
										<tr>
											<td valign="top" width="10px"></td>
											<td colspan="4"><input type="button" value="确认发票信息" id=""
												name="" class="btntext" /></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</div>
					<!--infotable end-->
	
					<div class="catinfotable">
						<table width="100%">
							<tr>
								<td class="tit">购物清单<br />
									<!-- <a style="font-size: 12px; font-weight: normal;" class="blue"
										href="#">更改</a> -->
								</td>
								<td class="summary">
									<table class="catlist" width="100%">
										<tr bgcolor="#f3f3f3">
											<th>购物车中的商品</th>
											<th>易迅价</th>
											<th>返现</th>
											<th>送积分</th>
											<th>购买数量</th>
											<th>发货时间</th>
										</tr>
										<c:set value="0" var="totalPrice"/>
										<c:forEach items="${sessionScope.usersCarList }" var="usersCar" varStatus="stat">
											<tr>
												<td>
													<a href="#">${usersCar.goods.name }</a><br />
													商品编号：${usersCar.goods.url }
												</td>
												<td class="red">￥${usersCar.goods.price }</td>
												<td>￥0.00</td>
												<td>0</td>
												<td>${usersCar.num }</td>
												<td>有货，可当日出货</td>
											</tr>
											<c:set value="${totalPrice + usersCar.goods.price * usersCar.num  }" var="totalPrice"/>
										</c:forEach>
									</table>
								</td>
							</tr>
						</table>
					</div>
					<!--catinfotable end-->
	
					<div class="catinfotable">
						<table width="100%">
							<tr>
								<td class="tit">订单结算</td>
								<td class="summary">
									<div class="f-l" style="width: 640px;">
										<table class="ddbox" width="100%">
											<tr>
												<td valign="top" align="right" width="110px">备注：</td>
												<td><textarea name="note" id="note" class="ltext"></textarea></td>
											</tr>
											<tr>
												<td valign="top" align="right">使用优惠券：</td>
												<td><input type="text" name="" value="" id=""
													class="stext f-l" style="width: 227px;" /><a
													style="margin-left: 10px; display: inline;" class="f-l"
													href="#"><img src="${rootPath}/images/shiyong.gif" width="62"
														height="24" alt="使用" /></a>
												<div class="clear"></div>
													<p>
														优惠券一旦使用，在订单生成后，将无法退回。如您取消订单，订单中所使用的优惠券将永久失效，无法找回。<a
															class="blue" href="#">详见帮助中心优惠券使用细则第4条</a>
													</p></td>
											</tr>
											<tr>
												<td align="right"><input type="checkbox" name=""
													id="thispl" value="" /> <label for="thispl"><img
														src="${rootPath}/images/lpicon.gif" /></label></td>
												<td></td>
											</tr>
											<tr>
												<td valign="top" align="right">赠言：</td>
												<td><textarea name="" id="" class="ltext"></textarea></td>
											</tr>
										</table>
									</div>
									<div class="f-r"
										style="width: 170px; padding: 0 15px; background: #f3f3f3;">
										<table class="totable" width="100%">
											<tr>
												<td width="80px">商品总重：</td>
												<td align="right">3.640千克</td>
											</tr>
											<tr>
												<td>商品总价：</td>
												<td align="right">￥<fmt:formatNumber value="${totalPrice }" pattern="0,000.00"/></td>
											</tr>
											<tr>
												<td>运费金额：</td>
												<td align="right">￥0.00</td>
											</tr>
											<tr>
												<td>积分抵扣：</td>
												<td align="right">￥0.00</td>
											</tr>
											<tr>
												<td>返现优惠：</td>
												<td align="right">￥0.00</td>
											</tr>
											<tr>
												<td>手&nbsp;&nbsp;续&nbsp;&nbsp;费：</td>
												<td align="right">￥0.00</td>
											</tr>
											<tr>
												<td>优&nbsp;&nbsp;惠&nbsp;&nbsp;券：</td>
												<td align="right">￥0.00</td>
											</tr>
											<tr>
												<td>合&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;计：</td>
												<td align="right"><strong
													style="font-size: 18px; color: #dc0000;">￥220.6.00</strong></td>
											</tr>
											<tr>
												<td align="right" colspan="2"><input type="submit"
													name="" id="" value="" class="btnimg" /></td>
											</tr>
											<tr>
												<td height="10px"></td>
											</tr>
										</table>
									</div>
								</td>
							</tr>
						</table>
					</div>
					<!--catinfotable end-->
	
				</div>
				</form>
				<!--s_bd end-->
			</div>
			<!--s_bdw end-->
			<%@ include file="/common/include/footer.jsp"%>
		</div>
	</body>
</html>